import React from 'react';
// import {
// 	Route,
// 	Link
// } from 'react-router-dom';
import './index.scss';
import { Carousel } from 'antd';
// import ajax from '@/api/public';

class Resource extends React.Component{
	constructor (props) {
		super(props)
		this.state={

		}
	}
	render() {
		return(
			<div className='weidai'>
				<div className='common-head home-contain'>
					<a href='#/resource'>流量资源</a>  <i className='glyphicon glyphicon-toright'></i> <span>视频广告</span>
				</div>
				<div className='common-title' style={{marginBottom: '24px'}}>什么是视频广告？</div>
				<div className='text-center'>视频广告是指在移动设备内进行的插播视频的模式。分为传统贴片广告和In-App视频广告。</div>
				<div className='text-title text-center'>您的广告可以展示在这里</div>
				<div className='home-contain' style={{paddingBottom: '50px', marginTop: '36px'}} >
					<div className='home-contain text-contain' style={{paddingBottom: '50px'}}>
						<div className='text-center' style={{position: 'relative'}}>
							<div>
								<img style={{display: 'inline-block'}} src={`${process.env.PUBLIC_URL}/images/sp1.png`} />
								<img style={{display: 'inline-block', marginLeft: '115px'}} src={`${process.env.PUBLIC_URL}/images/sp2.png`} />
							</div>
						</div>
						<span className='second-title'>频道信息流</span>
						<div className='text-center' style={{position: 'relative'}}>
							<div>
								<img style={{display: 'inline-block'}} src={`${process.env.PUBLIC_URL}/images/sp3.png`} />
								<img style={{display: 'inline-block', marginLeft: '115px'}} src={`${process.env.PUBLIC_URL}/images/sp4.png`} />
							</div>
						</div>
						<span className='second-title'>视频信息流</span>
						<div className='text-center' style={{position: 'relative'}}>
								<img style={{display: 'inline-block'}} src={`${process.env.PUBLIC_URL}/images/sp5.png`} />
						</div>
						<span className='second-title'>暂停广告</span>
						<div className='text-center' style={{position: 'relative'}}>
							<div>
								<img style={{display: 'inline-block'}} src={`${process.env.PUBLIC_URL}/images/sp6.png`} />
							</div>
						</div>
						<span className='second-title'>视频浮层</span>
					</div>
				</div>
			</div>
		)
	}
}
export default Resource;
